<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta http-equiv="Content-Language" content="zh-cn" />

<title>Nick 杂货铺 </title>
<link rel="stylesheet" href="css/clock.css" />
<link rel="icon" href="images/favicon_redheart.ico" type="image/x-icon"> 
<script type="text/javascript" src="js/jquery-1.12.0.min.js" ></script>
<script type="text/javascript" src="js/clock.js" ></script>
<script type="text/javascript">
   window.onload = function () {
                var minSize = 10; //最小字体
                var maxSize = 20;//最大字体
                var newOne = 600; //生成雪花间隔
				<!--
				var flakColor = "#CD7F32"; //雪花颜色 金色
                var flakColor = "#3CB4ED"; //雪花颜色 青蓝色
				-->
              
				var array = ["#CD7F32","#3CB4ED","#B743B9","#FF0000"];
				flakColor = array[Math.round(Math.random() * (array.length-1))]
                var flak = $("<div></div>").css({position:"absolute","top":"0px"}).html("✽");//定义一个雪花
                var dhight = $(window).height(); //定义视图高度
                var dw =$(window).width()-80; //定义视图宽度
                setInterval(function(){
                var sizeflak = minSize+Math.random()*maxSize; //产生大小不等的雪花
                var startLeft = Math.random()*dw; //雪花生成是随机的left值
                var startOpacity = 0.7+Math.random()*0.3; //随机透明度
                var endTop= dhight-100; //雪花停止top的位置
                var endLeft= Math.random()*dw; //雪花停止的left位置
                var durationfull = 5000+Math.random()*3000; //雪花飘落速度不同
                flak.clone().appendTo($("body")).css({
                "left":startLeft ,
                "opacity":startOpacity,
                "font-size":sizeflak,
                "color":flakColor
                }).animate({
                "top":endTop,
                "left":endLeft,
                "apacity":0.1
                },durationfull,function(){
                $(this).remove()
                });
                },newOne);
				console.log('flakColor配置',flakColor);
            }
 </script>
<script type="text/javascript">

/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("❤JAVA❤","❤C++❤","❤C❤","❤PYTHON❤","❤GO❤","❤LINUX❤","❤HTML❤","❤CSS❤","❤JS❤","❤PYTORCH❤","❤Elixir❤","❤Cocos Creator❤");
        var $i = $("<span></span>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>
<script src="./clickLove.js"></script>
</head>
<iframe width="700" scrolling="no" height="100" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=19&icon=1&temp=1&num=5&site=12"></iframe>
<canvas id="clock" width="300px" height="300px"></canvas>
<body background="https://www.w3school.com.cn/i/eg_bg_06.gif">

<p align="center"> <font size="10" color="red">GopherScholar</font> </p>

<p align="center"> <font size="5" color="red">Hello Gopher !!!</font> </p>

</body>
</html>
